<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>火灾物证鉴定系统</title>

    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
    <style>
        body {
            font-weight:bold;
        }
    </style>
</head>

<body>
    <div class="layui-layout layui-layout-admin">
        <!--    头部导航栏-->
        <div class="layui-header">
            <ul class="layui-nav" lay-filter="" style="background-color: #1a206e">
                <li class="layui-nav-item layui-col-md-offset4 layui-this"><a href="../app/appcommit.html">鉴定申请</a></li>
                <li class="layui-nav-item"><a href="../me/mecommit.html">物证信息库</a></li>
                <li class="layui-nav-item"><a href="../fire/fireinfo.html">火灾信息库</a></li>
                <li class="layui-nav-item"><a href="../ident/identify.html">物证鉴定</a></li>
                <li class="layui-nav-item"><a href="../rev/revlist.html">审查</a></li>
            </ul>
            <div class="layui-logo layui-hide-xs" style="font-size: 21px; color: white; background-color: #1a206e">火灾物证鉴定系统</div>

            <!--        修改个人信息-->
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                    <a href="javascript:;">
                        <i class="layui-icon layui-icon-username"></i>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="../user/usercenter.html"><i class="layui-icon layui-icon-edit"></i>&nbsp; 修改信息</a></dd>
                        <dd><a href="../user/login.html"><i class="layui-icon layui-icon-logout"></i>&nbsp; 退出</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
                    <a href="javascript:;">
                        <i class="layui-icon layui-icon-more-vertical"></i>
                    </a>
                </li>
            </ul>
        </div>

        <!--    侧边导航栏-->
        <div class="layui-side" style="background-color: #1b227b">
            <div class="layui-side-scroll">
                <ul class="layui-nav layui-nav-tree" lay-filter="test" style="background-color: #1a227a">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a href="../app/appcommit.html">填写申请表</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="../app/committed.html">已提交申请</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="../app/identified.html">已鉴定申请</a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 内容主体区域 -->
        <div class="layui-body">
            <div style="padding: 15px;">
                <form class="layui-form layui-form-pane" th:action="@{/app/appCommit}" style="width: 800px; height: 500px; margin: 20px auto;">
                    <div class="layui-form-item" style="width: 500px">
                        <label class="layui-form-label">物证ID</label>
                        <div class="layui-input-block">
                            <input type="text" name="MEID" required  lay-verify="required" placeholder="请输入物证ID" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item" style="width: 500px">
                        <label class="layui-form-label">物证类型</label>
                        <div class="layui-input-block">
                            <input type="text" name="METype" required lay-verify="required" placeholder="请输入物证类型" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item" style="width: 500px">
                        <label class="layui-form-label">送检单位</label>
                        <div class="layui-input-block">
                            <input type="text" name="InspectionUnitName" required  lay-verify="required" placeholder="请输入送检单位名称" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item" style="width: 500px">
                        <label class="layui-form-label">送检地址</label>
                        <div class="layui-input-block">
                            <input type="text" name="InspectionUnitAdd" required  lay-verify="required" placeholder="请输入送检单位地址" autocomplete="off" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item layui-form-text" style="width: 500px">
                        <label class="layui-form-label">物证信息</label>
                        <div class="layui-input-block">
                            <textarea name="MoreInfo" placeholder="请输入物证详细信息" class="layui-textarea"></textarea>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo" style="background-color: #1b2282">立即提交</button>
                            <button type="reset" class="layui-btn layui-btn-primary" style="background-color: #a0a2b5">重置</button>
                        </div>
                    </div>
                </form>

                <script>
                    //Demo
                    layui.use('form', function(){
                        var form = layui.form;

                        //监听提交
                        form.on('submit(formDemo)', function(data){
                            layer.msg(JSON.stringify(data.field));
                            return false;
                        });
                    });
                </script>

            </div>
        </div>

        <!-- 底部固定区域 -->
        <div class="layui-footer">
            底部固定区域
        </div>
    </div>
    <script src="/layui/layui.js"></script>
    <script>
        //JS
        layui.use(['element', 'layer', 'util'], function() {
            var element = layui.element
                , layer = layui.layer
                , util = layui.util
                , $ = layui.$;
            //监听导航点击
            element.on('nav(demo)', function (elem) {
                //console.log(elem)
                layer.msg(elem.text());
                //头部事件
                util.event('lay-header-event', {
                    //左侧菜单事件
                    menuLeft: function (othis) {
                        layer.msg('展开左侧菜单的操作', {icon: 0});
                    }
                    , menuRight: function () {
                        layer.open({
                            type: 1
                            , content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
                            , area: ['260px', '100%']
                            , offset: 'rt' //右上角
                            , anim: 5
                            , shadeClose: true
                        });
                    }
                });

            });
        })
    </script>
    <!-- 引入 layui.js -->
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>

    <!--弹窗-->
    <script th:inline="javascript">

        a=[[${msg}]]
        if(a!=null)
        {alert(a);}

    </script>
</body>
</html>